#{extends 'main.html' /}
#{set title:'Home' /}
 
#{if groups.size()}
    	<div id="group-title">
    		Каталог
    	</div>
        <div id="groups">
            #{list items:groups, as:'group'}
                <div id="group">
                	<img src="public/images/${group.image}" width="240" height="240">
                	<h2>
					    <a href="@{Application.group(group.id)}">${group.name}</a>
					</h2>
				</div>
            #{/list}
        </div>
    
#{/if}
 
#{else}
    <div class="empty">
        There is currently nothing to read here.
    </div>
#{/else}